<!DOCTYPE html>
<html lang="en">
<head>
  <title></title>
  <script type="text/javascript" src="../internal.js"></script>
  <style>
    #select-list input{
      display: inline-block;
      width: 100px;
    }
  </style>
</head>
<body>
<div>
  <select id="selectCode" change="change">
    <option value="companyId" eldatarepo="/masterDataApi/system/cmpMgt/company/selectNode/ " elformat='{"text":"companyName","once":true}'>公司</option>
    <option value="vendorId" eldatarepo="/masterDataApi/system/orgmgt/organization/selectNode" elformat='{"text":"vendorName","once":false}'>供应商</option>
    <option value="payTermsItemId" eldatarepo="/baseApi/system/dicmgt/dictionary/selectNode/PAYMENT_TYPE" elformat='{"text":"payTermsText","once":true}'>付款条件</option>
    <option value="payWay" eldatarepo="/baseApi/system/dicmgt/dictionary/selectNode/PAYMENT_TERMS" elformat='{"text":"payWay","once":true}'>付款方式</option>
  </select>
  <!-- <ul id="select-list">
  </ul> -->
  <button onclick="submit()">确定</button>
</div>
</body>
<script>
  var optionList = null;

  // function change(obj) {
  //   document.getElementById('select-list').innerHTML='';
  //   optionList = null
  //   if (obj.value !== '') {
  //     //从后台获取
  //     let u = '';
  //     if (obj.value === 'orgType') {
  //       u = 'ORG_TYPE';
  //     } else if (obj.value === 'orgp'){
  //       u = 'ORG_PROPERTY'
  //     }
  //     ajax_method({
  //       url: 'http://122.112.248.59/baseApi/common/sysdictionary/getDicItems/' + u + '?securityId=' + window.localStorage.getItem('securityId'),
  //       method: 'post',
  //       data: {},
  //       success: function (data) {
  //         optionList = {
  //           options: data,
  //           key: 'id',
  //           label: 'name'
  //         };
  //         appendOption(data, 'id', 'name');
  //       }
  //     });
  //   }
  // 
  function submit(){
    // var code = document.getElementById('selectCode').value;
    // if (code && code !== '') {
    //   var id = 'select' + Math.random().toString().slice(-10);
    //   var str = '<select style="width: 120px" id="' + id + '">';
    //   var len = document.getElementById('select-list').children.length;
    //   for (var i=0; i < len; i++) {
    //     var value = document.getElementById('select-list-value-' + i).value;
    //     var label = document.getElementById('select-list-label-' + i).value;
    //     str += '<option value="'+ value +'">'+ label +'</option>';
    //   }
    //   str += '</select>';
    //   editor.execCommand('insertHtml',str, true);
    //   editor.elList.push({
    //     elId: id,
    //     elType: 'select',
    //     optionList:optionList,
    //     elField: code
    //   });
    //   dialog.popup.hide();
    // }
    var selectObj = document.getElementById('selectCode');
    var elField = selectObj.value;
    var elFormat = selectObj.options[selectObj.selectedIndex].getAttribute('elFormat');
    var elDataRepo = selectObj.options[selectObj.selectedIndex].getAttribute('eldatarepo');
    var id = 'select' + Math.random().toString().slice(-10);
    var str = '<select class="ue-select-url" style="width: 180px" id="' + id + '"></select>';
    editor.execCommand('insertHtml',str, true);
      editor.elList.push({
        elId: id,
        elType: 'selectUrl',
        elFormat: elFormat,
        elDataRepo: elDataRepo,
        elField: elField
      });
      dialog.popup.hide();

  }
  // function appendOption(data, value, label) {
  //   var ul = document.getElementById('select-list');
  //   for (var i = 0; i < data.length; i++) {
  //     var len = i;
  //     var li = document.createElement("li");
  //     li.append('value:');
  //     var input1 = document.createElement("input");
  //     input1.id = 'select-list-value-' + len ;
  //     input1.value = data[i][value];
  //     input1.readOnly = true;
  //     li.appendChild(input1);
  //     li.append('label:');
  //     var input2 = document.createElement("input");
  //     input2.id = 'select-list-label-' + len;
  //     input2.value = data[i][label];
  //     input2.readOnly = true;
  //     li.appendChild(input2);
  //     ul.appendChild(li);
  //   }
  // }

  // function ajax_method(obj) {
  //   var url = obj.url,data = obj.data,method = obj.method,success = obj.success;
  //   var ajax = new XMLHttpRequest();
  //   if (method=='get') {
  //     if (data) {
  //       url+='?';
  //       url+=data;
  //     }else{
  //     }
  //     ajax.open(method,url);
  //     ajax.send();
  //   }else{
  //     ajax.open(method,url);
  //     ajax.setRequestHeader("Content-type","application/json;charset=UTF-8");
  //     if (data) {
  //       ajax.send(data);
  //     }else{
  //       ajax.send();
  //     }
  //   }
  //   // 注册事件
  //   ajax.onreadystatechange = function () {
  //     if (ajax.readyState==4&&ajax.status==200) {
  //       success(JSON.parse(ajax.responseText));
  //     }
  //   }

  // }
</script>
</html>
